<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>css的三种位置</title>
        <!--
        3.外部样式:可以被多个页面引入
        rel必须写属性，表名当前引入的文件是什么类型
        href 是被引入的css文件的路径-->
        <link rel="stylesheet" href="Demo.css">

        <!--2.内部样式：对当前页面所有元素生效-->
        <style>
            /*标签名选择器*/
            p{
                color: blue;
            }

            h4{
                color: green;
            }

        </style>
    </head>
    <body>
        <h4>我是标题</h4>
        <!--1.行内样式,加在当前元素上，只对当前元素生效-->
        <h4 style="color: red;background-color: bisque;">我是标题</h4>
        <h4>我是标题</h4>


        <p>我是段落</p>
        <p>我是段落</p>
        <p>我是段落</p>
        <p>我是段落</p>

        <div>我是div</div>
        <div>我是div</div>
        <div>我是div</div>
    </body>
</html>